.subscribeBtn { border-radius: 30px; padding: 14px; text-align: center; width: 200px; float: right; margin: 8px; }
.subscribeBtn > div { width: 150px; }
.subscribeBtn:hover { opacity: 0.9 }
.subscribeBtn-bg { width: 600px; border-radius: 30px; background: #fff; height: 70px; }
.subscribeBtn-bg-desc { width: calc(100% - 304px); height: 100%; color: #c7c7c7; font-size: 14px; display: flex; align-items: center; padding-left: 48px; }
.subscribeBtn-bg-desc input { width: 100%; height: 100%; margin: 0; border: 0; outline: none; background: none; overflow: hidden; box-sizing: border-box; }
.subscribeBtn-bg-desc input::placeholder { color: #c7c7c7; font-size: 16px; }
.subscribe-footer { font-size: 16px; }

@media screen and (max-width: 1415px) {
    .subscribeBtn { margin: 11px; }
}

@media screen and (max-width: 800px) {
    .subscribeBtn { padding: 10px; width: 180px; margin: 5px; }
    .subscribeBtn-bg { margin-left: 20px; margin-right: 20px; height: 50px; }
}

@media screen and (max-width: 767px) {
    .subscribeBtn-bg { width: 100%; }
    .subscribeBtn-bg-desc { width: calc(100% - 240px); }
    .subscribeBtn { width: 140px; }
}

@media screen and (max-width: 480px) {
    .subscribeBtn-bg-desc { width: calc(100% - 180px); font-size: 12px; padding-left: 28px; }
    .subscribeBtn { width: 120px; }
    .subscribe-footer { font-size: 12px; }
    .f18 { font-size: 12px; }
}



#subscribe .gb { top: 3%; right: 3%; z-index: 3; width: 30px }
.subscribe { width: 43px; height: 44px; bottom: 300px; right: 50px; background: url(../img/subscribe.png) no-repeat; background-size: 100% auto; z-index: 3; }
/*.subscribe:hover { background: url(../img/subscribe_hove.png) no-repeat; }*/
.subscribe-dialog { width: 960px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 20px; min-height: 600px; }

.subform { width: 100%; /*height: 54px;*/ margin-bottom: 15px; overflow: hidden; }
.subform > input, select { width: 100%; height: 100%; padding: 0 20px; font-size: 18px; line-height: 1; margin: 0; border: 0; outline: none; background: none; overflow: hidden; box-sizing: border-box; }
.subform > .errors { padding-left: 8px; margin-top: 5px; opacity: 1 }
.subform.small { width: 25%; }
.subform.default { width: calc(100% - 27%) }
.subform-sl { border: 1px solid #E7EBF3; border-radius: 30px; padding: 0; margin: 0px; height: 53px; }
/*.subform-sl:hover { border: 1px solid #FF7900; }*/
.subform-sl > input { width: calc(100% - 30px); padding: 0 20px; font-size: 18px; line-height: 1; margin: 0; border: 0; outline: none; background: none; overflow: hidden; box-sizing: border-box; }
.subform-sl > input.default { width: 100%; padding: 0 20px; font-size: 18px; line-height: 1; margin: 0; border: 0; outline: none; background: none; overflow: hidden; box-sizing: border-box; }

.subform-slimg { width: 23px; height: 13px; background: url(../img/xsj2s1.png) no-repeat; margin-right: 15px; }
.subform-sl.on .subform-slimg { background: url(../img/xsj2s.png) no-repeat; -webkit-transform: rotate(180deg); transform: rotate(180deg); -ms-transform: rotate(180deg); }


@media screen and (max-width: 800px) {
    .subscribe { bottom: 80px; right: 20px; }
    .subscribe-dialog { min-height: 640px; }
    .select { margin-top: 0; }
}

.subscribe-dialog__header { text-align: center; padding: 40px; background: linear-gradient(#ffddbf, white); border-radius: 20px 20px 0 0; }
.subscribe-dialog__title { width: calc(100% - 32px); color: #000; font-weight: bold; font-size: 26px }
.subscribe-dialog__body { height: auto; border-radius: 0 0 20px 20px; padding: 0 0 20px 0; overflow: auto; }
.subscribe-dialog__footer { width: 100%; z-index: 4; height: 52px; background: #fff; }
.subscribe-dialog__body > div.controls { padding: 20px; }
.subscribe-dialog__footer > div.subscribe_btn { margin-left: 0; border-radius: 30px; width: 240px; height: 50px }
.subscribe_select { top: 85px; border-radius: 10px; max-height: 200px; background: #fff; box-shadow: 0px 0px 10px rgb(0 0 0 / 20%); overflow-y: auto; overflow-x: hidden; }

.subscribe_select li { padding: 13px 25px; }
.subscribe_select li:hover { background: #eee; }

.subscribe_select::-webkit-scrollbar { width: 2px; background-color: #f5f5f5; }
.subscribe_select::-webkit-scrollbar-track { background-color: #d2d2d2; }
.subscribe_select::-webkit-scrollbar-thumb { background-color: #ff7300; }

.subscribe_select::scrollbar { width: 2px; background-color: #f5f5f5; }
.subscribe_select::scrollbar-track { background-color: #d2d2d2; }
.subscribe_select::scrollbar-thumb { background-color: #ff7300; }

.subscribe_select::-ms-scrollbar { width: 2px; background-color: #f5f5f5; }
.subscribe_select::-ms-scrollbar-track { background-color: #d2d2d2; }
.subscribe_select::-ms-scrollbar-thumb { background-color: #ff7300; }


.subscribe-dialog__body::-webkit-scrollbar { width: 2px; background-color: #f5f5f5; }
.subscribe-dialog__body::-webkit-scrollbar-track { background-color: #d2d2d2; }
.subscribe-dialog__body::-webkit-scrollbar-thumb { background-color: #ff7300; }
.subscribe-dialog__body::scrollbar { width: 2px; background-color: #f5f5f5; }
.subscribe-dialog__body::scrollbar-track { background-color: #d2d2d2; }
.subscribe-dialog__body::scrollbar-thumb { background-color: #ff7300; }
.subscribe-dialog__body::-ms-scrollbar { width: 2px; background-color: #f5f5f5; }
.subscribe-dialog__body::-ms-scrollbar-track { background-color: #d2d2d2; }
.subscribe-dialog__body::-ms-scrollbar-thumb { background-color: #ff7300; }


@media screen and (max-width: 1700px) {
    .subscribe-dialog__header { padding: 20px 20px; }
}

@media screen and (max-width: 1440px) {
    .subscribe-dialog__header { padding: 16px 20px; }
}

@media screen and (max-width: 1280px) {
    #subscribe .gb { top: 15px; right: 20px; width: 24px; }
    .subform { margin-bottom: 13px; }
    .subform-sl { height: 40px; }
    .subscribe-dialog { transform: translate(-50%, -50%) scale(0.8); }
    /*.subscribe-dialog__body { height: 540px }*/
    .subscribe-dialog__body { height: auto }
}

@media screen and (max-width: 1024px) {
    .subscribe-dialog { width: 85%; }
    .subscribe-dialog__title p { font-size: 22px; }
}

@media screen and (max-width: 800px) {
    .subscribe-dialog { transform: translate(-50%, -50%) scale(0.9); width: 95%; }
    /*.subscribe-dialog__body { height: 600px }*/
    .subscribe-dialog__body { height: auto }

    .subform { margin-bottom: 10px; }
    .subform.small, .subform.default { width: 100%; }
    .subform-sl { height: 42px; }
    .subscribe-dialog { min-height: 600px }
    .subscribe-dialog__title { font-size: 20px; }
    .subscribe-dialog__header { padding: 12px 19px; }
    .subscribe_select { margin: 0px; }
}

@media screen and (max-width: 480px) {
    .subform-sl { height: 36px; }
    .subscribe-dialog__header { padding: 12px 19px; }
    .subscribe-dialog__title { font-size: 16px; }
    /*.subscribe-dialog__body { height: 590px; }*/
    .subscribe-dialog__body { height: auto }
    .subscribe-dialog__body > div.controls { padding: 10px; }
    .subscribe-dialog__footer > div.subscribe_btn { width: 200px; height: 45px }
}


@media screen and (max-width: 1415px) {
    .subscribeBtn { margin: 11px; }
}

@media screen and (max-width: 800px) {
    .subscribeBtn { padding: 10px; width: 180px; margin: 5px; }
    .subscribeBtn-bg { margin-left: 20px; margin-right: 20px; height: 50px; }
}

@media screen and (max-width: 767px) {
    .subscribeBtn-bg { width: 100%; }
    .subscribeBtn-bg-desc { width: calc(100% - 240px); }
    .subscribeBtn { width: 140px; }
}

@media screen and (max-width: 480px) {
    .subscribeBtn-bg-desc { width: calc(100% - 180px); font-size: 12px; padding-left: 28px; }
    .subscribeBtn { width: 120px; }
    .subscribe-footer { font-size: 12px; }
    .f18 { font-size: 12px; }
}